<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>I.C.D.L.</title>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/jquery.fullPage.css">
	<link rel="stylesheet" href="css/common.css">
</head>

<body>
<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">I.C.D.L.</a>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-nav-center">
				<li class="active" data-menuanchor="about"><a href="#about">关于I.C.D.L.</a></li>
				<li data-menuanchor="designer"><a href="#designer">设计师</a></li>
				<li data-menuanchor="project"><a href="#project">作品呈现</a></li>
				<li data-menuanchor="news"><a href="#news">信息发布</a></li>
				<li data-menuanchor="jobs"><a href="#jobs">职位发布</a></li>
			</ul>
		</div><!--/.nav-collapse -->
	</div>
</nav>

<div id="tbody">
	<div class="section section1 show-body">
		<div class="left-light"><div></div></div>
		<div class="right-light"><div></div></div>

		<div class="section-body">
			<div class="line"></div>
			<h1>About I.C.D.L.</h1>
			<h3>关于I.C.D.L.</h3>
			<p><a href="">详情</a></p>
		</div>

		<div class="next">
			<a href="javascript:;">Designer &nbsp;· &nbsp;设计师</a>
		</div>
	</div>
	<div class="section section2">
		<div class="left-light"><div></div></div>
		<div class="right-light"><div></div></div>

		<div class="section-body">
			<div class="line"></div>
			<h1>Founder of I.C.D.L., <br>Mr. Ivan Cheng</h1>
			<h3>IVAN C. DESIGN LIMITED 创始人郑仕樑</h3>
			<p><a href="">详情</a></p>
		</div>

		<div class="next">
			<a href="javascript:;">Projects &nbsp;· &nbsp;项目</a>
		</div>
	</div>
	<div class="section section3">
		<div class="left-light"><div></div></div>
		<div class="right-light"><div></div></div>

		<div class="section-body">
			<div class="line"></div>
			<h1>Upon completion of approaching 1,000 projects, I.C.D.L. is ready for the next challenge.</h1>
			<h3>I.C.D.L.的成长经历了近千个项目的锤炼</h3>
			<p><a href="">详情</a></p>
		</div>

		<div class="next">
			<a href="javascript:;">Information &nbsp;· &nbsp;信息</a>
		</div>
	</div>
	<div class="section section4">
		<div class="left-light"><div></div></div>
		<div class="right-light"><div></div></div>

		<div class="section-body">
			<div class="line"></div>
			<h1>Thanks for both international and domestic recognition, I.C.D.L. will tailor the best of our effort to serve our clients.</h1>
			<h3>I.C.D.L.的专业且独到的设计风格赢取了无数国内外奖项</h3>
			<p><a href="">详情</a></p>
		</div>

		<div class="next">
			<a href="javascript:;">position &nbsp;· &nbsp;职位</a>
		</div>
	</div>
	<div class="section section5">
		<div class="left-light"><div></div></div>
		<div class="right-light"><div></div></div>

		<div class="section-body">
			<div class="line"></div>
			<h1>I.C.D.L. always opens our door to talents.</h1>
			<h3>I.C.D.L.欢迎业内各精英人才的加入</h3>
			<p><a href="">详情</a></p>
		</div>
	</div>
	<div class="section section6">
		<div class="address row">
			<div class="col-lg-3">
				<h4>上海总部</h4>
				<hr>
				<p>
					<strong>郑仕樑室内设计（上海）有限公司</strong><br>
					上海市闵行区盘阳路226弄融信•绿地国际三期6号楼203室<br>
					电　话：（086）021-61136303 / 61136313<br>
					邮　箱：icdl@icdl-hk.com
				</p>
			</div>
			<div class="col-lg-3">
				<h4>苏州分公司</h4>
				<hr>
				<p>
                    <strong>郑仕樑室内设计（苏州）有限公司</strong><br>
                    苏州姑苏区渔郎桥浜16号德必姑苏WE七号楼301室<br>
                    电　话：（086）0512-67233032<br>
                    邮　箱：iidl@icdl-hk.com
                </p>
			</div>
			<div class="col-lg-3">
				<h4>香港分公司</h4>
				<hr>
				<p>
					<strong>IVAN C. DESIGN LIMITED</strong><br>
					香港新界葵涌区高威工业中心永建路16-20号A座1301室<br>
					电　话：（852）98737703<br>
					邮　箱：icdlzp@icdl-hk.com
				</p>
			</div>
			<div class="col-lg-3">
				<img src="img/qrcode.jpg"><br>
				关注微信公众号
			</div>
		</div>
		<div id="map"></div>
		<div class="footer">
			© 版权所有 &nbsp; &nbsp; 郑仕樑室内设计（上海）有限公司 &nbsp; &nbsp; 沪ICP备12565663
		</div>
	</div>
</div>

</body>

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eTBTaeSnNcMz4cxrwiP0rcoFGek5rLwv"></script>
<script>
	$(function(){
		$('#tbody').fullpage({
			navigation: true,
			sectionsColor: ['#000', '#000', '#000', '#000', '#000', '#000'],
			anchors: ['about', 'designer', 'project', 'news', 'jobs'],
			menu: '#navbar',
			afterLoad: function(anchorLink, index){
				$('.section' + index).addClass('show-body');
			},
			onLeave: function(index, direction){
				$('.section' + index).removeClass('show-body');
			}
		});

		$('.next a').click(function () {
			$.fn.fullpage.moveSectionDown();
			return false;
		});

		var map = new BMap.Map("map");
		var point = new BMap.Point(121.286722, 31.219918);
		var marker = new BMap.Marker(point);  // 创建标注
		map.addOverlay(marker);              // 将标注添加到地图中
		map.centerAndZoom(point, 18);
		map.disableScrollWheelZoom();
		var opts = {
			width: 200,     // 信息窗口宽度
			height: 100,     // 信息窗口高度
			title: "郑仕樑室内设计（上海）有限公司", // 信息窗口标题
		}
		var infoWindow = new BMap.InfoWindow("地址：上海市闵行区盘阳路226弄融信•绿地国际三期6号楼203室", opts);  // 创建信息窗口对象
		marker.addEventListener("click", function () {
			map.openInfoWindow(infoWindow, point); //开启信息窗口
		});
	});
</script>
</html>